/* 表格样式配置 */

/* 表格颜色 */
$col-font: #555555
$col-tHead: #e8ecef
$col-hover: #eaeff3
$col-double: #f7f8fa
$col-border: #d1d1d1
/* 默认字体大小 */
$t-fontSize: 12px
$t-height: 36px

/* element-ui-table-change-custom-- start */
.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed
  // border: 0
  // border-color: inherit
  border-right: 1px solid $col-border
.el-table td,
.el-table th.is-leaf
  border-bottom: 1px solid $col-border!important
.el-table--border th,
.el-table__fixed-right-patch
  border-bottom: 1px solid $col-border
.el-table--border,
.el-table--group
  border: 1px solid $col-border

.el-table
  th, td
    height: $t-height
    line-height: $t-height
    padding: 0
    text-align: center
    color: $col-font
    font-size: $t-fontSize
  th
    background: $col-tHead
    font-size: $t-fontSize
  tr
    transition: background .3s
    &:nth-child(2n)
      background-color: $col-double
    &:hover
      background-color: $col-hover
      &>td
        background-color: inherit!important
/* element-ui-table-change-custom-- end */

/* datatable -- start */
.data-table-wrapper
  li.table-record
    border-color: $col-border
    line-height: $t-height
    padding: 0
    text-align: center
    color: $col-font
  .header
    .table-caption
      background-color: $col-tHead
      font-size: $t-fontSize
  .table-body, .data-table-content
    li.table-record, .table-data
      transition: background .3s
      &:nth-child(2n)
      background-color: $col-double
      &:hover, .hover
        .table-data
          background-color: $col-hover
/* datatable -- end */
